<template>
    <div class="xyqy">
        <div class="xyqyView">
            <div class="xyqyViewtop">
                <div class="xyqyViewcolor color5669b3">首页</div>
                <div style="padding: 0 5px;">/</div>
                <div class="xyqyViewcolor">校友企业</div>
            </div>
            <div class="xyqyViewbody">
                <div class="xyqyViewbodybox">
                    <div class="xyqyViewbodyboxtop">
                        <p>UI设计经理</p>
                        <p style="color: #3c93fc; font-weight: bold;">24-36K</p>
                    </div>
                    <div class="xyqyViewbodyboxbody">
                        <p>北京</p>
                        <p>|</p>
                        <p>3-5年</p>
                        <p>|</p>
                        <p>本科</p>
                    </div>
                    <hr>
                    <div class="xyqyViewbodyboxbottom">
                        <img src="https://wangshidai.cn/static/upload/other/20210607/1623029192968676.jpeg" alt="" class="">
                        <p>OnePlus</p>
                    </div>
                </div>
            </div>
        </div>
        <div>{{ postData }}</div>
    </div>
</template>
  
<script>
export default {
    data() {
        return {

        }
    },
}

</script>
  
<style scoped>
.xyqy {
    width: 100vw;
    background-color: #f9fafb;
    display: flex;
    justify-content: center;
}

.xyqyView {
    width: 76vw;
}

.color5669b3 {
    color: #5669b3;
    margin-right: 15px;
}

.xyqyViewcolor:hover {
    transition: all .4s;
    color: #22acd6;
}


.xyqyViewtop {
    display: flex;
    color: #666666;
    margin: 25px 10px;
}

.xyqyViewbody {
    box-sizing: border-box;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 375px);
    grid-gap: 20px;
}

.xyqyViewbodybox {
    height: 150px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    padding: 10px;
}

.xyqyViewbodyboxtop {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

.xyqyViewbodyboxbody {
    display: flex;
    height: 28px;
}

.xyqyViewbodyboxbody p {
    margin-right: 5px;
    font-weight: 500;
}

.xyqyViewbodyboxbottom {
    display: flex;
    align-items: center;
    margin-top: -12px;
}

.xyqyViewbodyboxbottom img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 0 8px;
}

.xyqyViewbodyboxbottom p {
    margin: 0 8px;
    font-weight: 600;
}
</style>